<template>
	<div>
		<mt-swipe :auto="4000">
  			<mt-swipe-item v-for="item in data" :key="item.swid"><img :src="item.swurl+item.swpic" /> </mt-swipe-item>
		</mt-swipe>
		        <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="/home/comments">
		                    <span class="mui-icon mui-icon-chatbubble"></span>
		                    <div class="mui-media-body">帖子</div></router-link></li>
		            
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <span class="mui-icon mui-icon-search"></span>
		                    <div class="mui-media-body">搜索</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <span class="mui-icon mui-icon-phone"></span>
		                    <div class="mui-media-body">联系电话</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <span class="mui-icon mui-icon-gear"></span>
		                    <div class="mui-media-body">设置</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><router-link to="/home/pictures">
		                    <span class="mui-icon mui-icon-info"></span>
		                    <div class="mui-media-body">图片分享</div></router-link></li>
		           <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
		                    <span class="mui-icon mui-icon-more"></span>
		                    <div class="mui-media-body">更多设置</div></a></li>
		        </ul> 
		
		<h2 style="text-align: center;">欢迎您的到来！！！</h2>
	</div>
</template>

<script>
import { Indicator } from 'mint-ui';
	export default {
		data(){
			return {
				msg:'123334',
				data:[],
			}
		},
		created(){
			this.getswipes();
		},
		methods:{
			getswipes(){
				Indicator.open({
  					text: '加载中...',
  					spinnerType: 'fading-circle'
				});
				this.$http.get('lists/getSwipes').then(
					result=>{
						if(result.status==200){
							this.data=result.body.data;
							Indicator.close();
							//console.log(result);
						}else{
							//console.log("error");
							Toast("请求数据失败！！！")
						}
						
					}
				)
			}
		}
	}
</script>

<style scoped="scoped">
	.mint-swipe{
		height: 280px;
	}
	.mint-swipe-item img{
		width: 100%;
		height: 100%;
	}
</style>